<template>
  <div>
    <quill-editor v-model="msg" @change="$emit('change', msg)"></quill-editor>
  </div>
</template>
<script>
import { quillEditor } from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
export default {
  model: {
    prop: 'value1',
    event: 'change'
  },
  props: { value1: String },
  components: {
    quillEditor
  },
  data() {
    return {
      msg: this.value1
    }
  },
  mounted: function() {},
  methods: {}
}
</script>
<style lang="scss" scoped>
.quill-editor {
  width: 100%;
  height: calc(100% - 42px);
}
</style>
